body {
    margin: 0;
    padding: 0;
}

.wrap {
    min-width: 1360px;
    min-height: 768px;
    height: 100vh; // width: 100%;
    // background: url("../../assets/wrapBg.png")  center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%; // height: 100%;
    width: 100%;
    background-image: url('../../assets/wrapBg.png');
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    .boxL {
        flex: 1; // border:1px solid rgba(92,126,158,1);
        margin: 66px 0 35px 30px;
        .boxL_t {
            height: 33%;
            background-image: url('../../assets/ETop.png');
            background-repeat: no-repeat;
            background-position: center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
            .Title {
                color: #70D7FF;
                margin: 0px;
                padding-left: 5%;
                padding-top: 1.5%;
                font-size: 12px;
                position: relative;
            }
        }
        .boxL_b {
            margin-top: 2%;
            height: 67%;
            background-image: url('../../assets/EBottom.png');
            background-repeat: no-repeat;
            background-position: center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
            .Title {
                color: #70D7FF;
                margin: 0px;
                padding-left: 5%;
                padding-top: 1.5%;
                font-size: 12px;
            }
        }
    }
    .boxC {
        flex: 1.5;
        height: 88%; // border:1px solid rgba(92,126,158,1);
        opacity: 1;
        margin: 66px 10px 0 10px;
        overflow: hidden;
        position: relative;
        background-color: #040A0F;
        .boxC_T {
            height: 54%;
            background-image: url('../../assets/ECTop.png');
            background-repeat: no-repeat;
            background-position: center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
            position: relative;
        }
        .boxC_C {
            height: 8%;
            margin: 2% 0px; // background-image: url('../../assets/ECCop.png');
            background-color: #1c2d3b;
            background-repeat: no-repeat;
            background-position: center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
        }
        .boxC_B {
            height: 34.4%;
            background-image: url('../../assets/ECBop.png');
            background-repeat: no-repeat;
            background-position: center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
        }
    }
    .boxR {
        flex: 1; // border:1px solid rgba(92,126,158,1);
        margin: 66px 30px 35px 0;
        .boxL_t {
            height: 33%;
            background-image: url('../../assets/ETop.png');
            background-repeat: no-repeat;
            background-position: center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
            .Title {
                color: #70D7FF;
                margin: 0px;
                padding-left: 5%;
                padding-top: 1.5%;
                font-size: 12px;
            }
        }
        .kuaijie {
            height: 33%;
            background-image: url('../../assets/ETop.png');
            background-repeat: no-repeat;
            background-position: center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
            .Title {
                color: #70D7FF;
                margin: 0px;
                padding-left: 5%;
                padding-top: 1.5%;
                font-size: 12px;
            }
            .box {
                height: 82%;
                width: 100%;
                display: flex;
                justify-content: space-around;
                flex-wrap: wrap;
                align-items: center;
                .itemLine {
                    width: 0px;
                    height: 24px;
                    border: 1px dashed #cbcbcb;
                  
                }
                .item {
                    width: 30%;
                   
                    display: flex;
                   flex-direction: column;
                   align-items: center;
                    .cie {
                        cursor: pointer;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 60px;
                        height: 60px;
                        border-radius: 50%;
                        background: radial-gradient(#020916 30%, #5FB9DF);
                    }
                   
                }
            }
        }
    }
}

.LeftCenter {
    height: 38%;
    position: relative;
    color: #fff;
    .CenterLeft {
        position: absolute;
        width: 100px;
        top: 20%;
        left: 50%;
        margin-left: 10%;
        text-align: left;
        p {
            margin: 3px 0px;
        }
    }
}

.Title {
    color: #70D7FF;
    margin: 0px;
    padding-left: 5%;
    padding-top: 1.5%;
    font-size: 12px;
}

.LeftCC {
    height: 5%; // background-image: url('../../assets/table.png');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 99% 100%;
    background-size: 99% 100%;
    padding: 0 2%;
}

.LeftBB {
    height: 54%;
    width: 100%;
    p {
        margin: 0;
    } // overflow: hidden !important;
    :global {
        // .ant-carousel, .slick-slide {
        //     text-align: center !important;
        //     height: 160px !important;
        //     line-height: 160px !important;
        //     background: #364d79 !important;
        //     overflow: hidden !important;
        //   }
        //   .ant-carousel .slick-slide h3 {
        //     color: #fff;
        //   }
        .ant-carousel {
            height: 100% !important;
        }
        .slick-track {
            width: 300% !important;
            height: 100% !important;
        }
        .slick-list {
            height: 100% !important;
        }
        .ant-carousel .slick-slider {
            height: 92% !important;
        }
        .ant-progress-inner {
            border-radius: 0px;
            background-color: #f5f5f51f;
        }
        .ant-progress-bg {
            border-radius: 0px !important;
            background-color: #70D7FF !important;
        }
        .ant-carousel .slick-dots li.slick-active button {
            background: #70D7FF;
            opacity: 1;
            width: 8px;
            height: 8px;
            border-radius: 50%;
        }
        .ant-carousel .slick-dots li button {
            border: 0;
            cursor: pointer;
            background: #0c0b0b;
            opacity: 1;
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            /* border-radius: 1px; */
            outline: none;
            font-size: 0;
            color: transparent;
            transition: all .5s;
            padding: 0;
        }
    }
}

.line {
    width: 100%;
    height: 1px; // margin: 0 35px;
    background: -webkit-radial-gradient(rgba(102, 171, 255, 1), #0D3A4D, #0D3A4D);
    /* Safari 5.1 - 6.0 */
    background: -o-radial-gradient(rgba(102, 171, 255, 1), #0D3A4D, #0D3A4D);
    /* Opera 11.6 - 12.0 */
    background: -moz-radial-gradient(rgba(102, 171, 255, 1), #0D3A4D, #0D3A4D);
    /* Firefox 3.6 - 15 */
    background: radial-gradient(rgba(102, 171, 255, 1), #0D3A4D, #0D3A4D);
    /* 标准的语法（必须放在最后） */
}

.line1 {
    width: 1px;
    height: 15px; // margin: 0 35px;
    background: -webkit-radial-gradient(rgba(102, 171, 255, 1), #0D3A4D, #0D3A4D);
    /* Safari 5.1 - 6.0 */
    background: -o-radial-gradient(rgba(102, 171, 255, 1), #0D3A4D, #0D3A4D);
    /* Opera 11.6 - 12.0 */
    background: -moz-radial-gradient(rgba(102, 171, 255, 1), #0D3A4D, #0D3A4D);
    /* Firefox 3.6 - 15 */
    background: radial-gradient(rgba(102, 171, 255, 1), #0D3A4D, #0D3A4D);
    /* 标准的语法（必须放在最后） */
}

.tableBox {
    margin: 1.5% 2%;
    font-size: 10px;
}

.dem {
    color: rgb(14, 13, 13);
    position: absolute;
    top: 5%;
    right: 12%;
    cursor: pointer;
}

.dem:hover.dem {
    color: #70D7FF;
}

@font-face {
    font-family: 'wd';
    /*字体名称*/
    src: url('../../assets/wd.TTF');
    /*字体源文件*/
}

.boxC_T_T {
    height: 10%;
    background-image: url('../../assets/BoxTT.png');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    width: 44%;
    left: 50%;
    z-index: 999 !important;
    margin-left: -22%;
    top: -1%;
    padding: 10% 5%;
    padding-bottom: 10%;
    padding-top: 2%;
    /* 宽度的一半 */
}

.cli {
    color: red;
}

.qpimg {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    right: 2%;
    top: 255px;
}